<script src="../asynx.js"></script>
<script src="../dom/dom.js"></script>
<script src="../impl/array.js"></script>
<script src="../impl/util.js"></script>
<script src="../impl/cookie.js"></script>
<script src="../dom/xpath.js"></script>
<script src="../dom/selector.js"></script>
<script src="../event/event.js"></script>

<style>
	
	#pai{
		padding:8px;
		background-color:#ccc;
	}
	
	#filho{
		padding:8px;
		background-color:#eee;
	}
	
</style>

asynx
<div id="pai">
	Pai
	<div id="filho">Filho</div>
</div>

<button onclick="remover();" id='remover'>Remover</button>

<input type='text' id='texto'>

<div id="log">LOG</div>

<script>
	var l1 = function(e, args) {
		alert(args + ":"+e)
	}
	
	var l2 = function(e, args) {
		alert(args + ":"+e + "dd");
	}
	
	var lf1 = function(e, args) {
		alert(args + ":"+e)
	}
	
	/*asynx$("#filho").each(function(div){
		asynx.event.addListener('click', div, l2, "f1");
	});*/
	
	asynx.event.add('click', 'pai', l1, 0);
	asynx.event.add('click', 'pai', l2);
	
	//asynx.event.add('click', 'filho', l2);
	
	

	/*asynx$("//div").click(function(e,args) {
		
		var xy = asynx.event.getMouseXY(e);
		log(xy)		
		
	}, "aa");*/

	
	//asynx.event.keyListener( document, "keypress", { ctrl:false, shift:false, keys:[asynx.event.DOWN] }, { execute:function(a,b){alert(a + "-" + b)}, args:{nome: "eduardo"} } );

	
	/*asynx.event.key('texto', { shift:true, keys:[asynx.event.DOWN, asynx.event.UP] }, function(e, args) {
		alert(e + "-" + args + "dddddd")
		
	}, "argumentos");*/
	
	
	
	
	
	
	function remover() {
		asynx.event.removeListener('click', 'pai', l1);
		//asynx.event.unloadCache();
	}
	
	

</script>